import Vue from "vue";
import VueRouter from "vue-router";
import App from "./App.vue";
import routes from "./routes";

Vue.config.productionTip = false;

Vue.use(VueRouter);

/* 
  路由类型
    History 模式:
      1.丑, 地址栏会有 # 字样 
      2.无法使用锚点定位
    Hash 模式:
      1.需要后端配合
      2.IE9 不兼容 (可使用强制刷新处理)
  SPA 缺点 => 可使用框架 Nuxt.js
    1.不利于 SEO => 服务端渲染 SSR (动态渲染 配置繁琐)
    2.首屏渲染时间长 => 预渲染 Prerendering (适用于静态站点)
*/
const router = new VueRouter({
  mode: "history",
  // mode: "hash", // 地址栏会有 # 字样
  routes,
});

new Vue({
  router,
  render: (h) => h(App),
}).$mount("#app");
